const path = require('path');
const htmlPlusgins = require('html-webpack-plugin');

const htmlPlusgin = new htmlPlusgins({
    template: './src/index.html', //  原文件的存放位置
    filename: './index.html' //  修改之后的文件位置
})

// 使用Node.js中的导出语法，向外导出一个webpack配置对象
module.exports = {
    // 代表webpack运行模式
    mode: 'development',
    devtool: 'eval-source-map',
    // entry:'指定要处理哪个文件'
    // entry: path.join(__dirname, './src/index1.js'),
    plugins: [htmlPlusgin],
    devServer: {
        open: true,
        host: '127.0.0.1',
        port: 80,
    },

    module: {
        rules: [
            { test: /\.css$/, use: ['style-loader', 'css-loader'] },
            { test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader'] },
            { test: /\.jpg|pdf|gif$/, use: 'url-loader?limit=22229' },
            { test: /\.js$/, use: 'babel-loader', exclude: /node_module/ },
        ]
    },


    // 指定生成文件的存放位置
    // output: {
    //     path: path.join(__dirname, 'dist'),
    //     filename: 'bundle.js'
    // }
}